c# - ノックアウト エラー .NET 同じ要素にバインディングを複数回適用することはできません

Question

私は気が狂うような問題を抱えています...

ウィンドウに表示しようとしている次の .ascx があります。コードはウィンドウの外で動作しますが、これを他のコードと統合していることに注意してください。

ここに.ascxがあります

<div id="modal-location" class="modal">
    <div class="modal-contents">
        <h1>Enter your location and select a theatre for showtimes</h1>

        <div class="modal-form">
            <label class="results-for">
                <div class="label">Results for </div>
                <div>
                    <input type="text" placeholder="Zip or City">
                    <button><span class="icon-magnify-glass">&nbsp;</span></button>
                </div>
            </label>
        </div>

        <div class="faded-rule"></div>

        <ul class="results modal-scroll" data-bind="foreach: theatreData">
            <li>
                <div class="distance">
                    <div class="mileage" data-bind="text: DistanceMiles"></div> 
                    <div>miles away</div>
                </div>
                <div class="theatre-info">
                    <div class="theater-name">

                    <a data-bind="attr: { href: ''}"><span class="theater-link" data-bind="text: TheatreName" /></a> 

                    </div>
                    <div class="theatre-address" data-bind="text: Address1"></div>
                    <div class="theatre-address" data-bind="text: Address2"></div>
                    <div>
                        <span class="theatre-address" data-bind="text: City + ', '"></span>
                        <span class="theatre-address" data-bind="text: State + ' '"></span> 
                        <span class="theater-address" data-bind="text: PostalCode"></span> 
                    </div>
                    <div class="theatre-phone" data-bind="text: PhoneNumber"></div>
                    <button>My Theatre</button>
                </div>
            </li>
        </ul>
    </div>
</div>

<script>



    var a = {};
    a.theatreList = <%= Newtonsoft.Json.JsonConvert.SerializeObject(TheatreList) %> ; 
    $(document).ready(function () {

        ko.applyBindings(new theatreSel.TheatreModel(a.theatreList));

    });
</script>

これが私のjsです

(function (window) {

    var $ = window.jQuery;
        console = window.console,       
        Regal = window.Regal;
        theatreData = window.theatreData;

    // declare viewmodel constructors in standard fashion
    function TheatreModel(tl) {
        var self = this;

        self.theatreData = ko.observableArray(tl || []);         

    }


    var theatres = {};
    // declare the module exports     
    theatres.TheatreModel = TheatreModel;

    window.theatreSel = theatres;

})(window)

エラーが発生し続けます... Uncaught exception 同じ要素にバインディングを複数回適用することはできません。以前の質問からの提案をいくつか試しましたが、ko.cleanNode([0]) は機能しませんでした。