ノックアウトJS：observableArrayは常に空のままです

Question

私の目標は、ノックアウトで管理されるソート可能な要素のリストを生成することです。しかし、私にはわからない何らかの理由で、私が作成するobservableArrayは常に空のままです。ここで

<ul id="sortable" 
    data-bind="template: {name: 'offerTemplate', foreach: Offers}"> 

は次のとおりです。私はここにひどく何かを明らかに行方不明ですかのように私はあなたが単一引用符でテンプレート名をラップするために必要な

<script type="text/javascript"> 
//var initialData = @Html.Raw(new System.Web.Script.Serialization.JavaScriptSerializer().Serialize(Model)); 
//console.log(initialData); 

var test = [{ Position: 1 }, 
      { Position: 2 }, 
      { Position: 3 }, 
      { Position: 4 }, 
      { Position: 5 }]; 

var viewModel = {}; 
    viewModel.Offers = ko.observableArray(test); 

    viewModel.addOffer = function() { 
     this.Offers.push({ Position : 5}); 
     console.log(this); 
    }; 

$(function() { 
    ko.applyBindings(viewModel, document.body); 

    $("#sortable").sortable().disableSelection(); 
}); 

JSFiddle of the problem

Answer 1

...感じます働いてJSFiddle。