如何解決knockoutjs中未定義的屬性錯誤

Question

大部分時間我都在'未定義'屬性中發現了一些錯誤。我在stackoverflow answer上找到了相同的解決方案。它是有效的簡單結合，但我的問題是，如何將我使用這種技術「的foreach」結合就像我已經試過像

Demo here

下面的代碼是不工作

<table> 
    <tbody data-bind="foreach: model.mappings"> 
    <tr> 
    <td> 
    <select data-bind="options:mappings.variableList, optionsText:'Key',optionsValue:'Value', value:mappings.selectedVariable> 
    </select> 
    </td></tr></tbody></table> 

但下面的代碼工作

<table> 
    <tbody data-bind="foreach:mappings"> 
    <tr> 
    <td> 
    <select data-bind="options:variableList, optionsText:'Key',optionsValue:'Value', value:selectedVariable> 
    </select> 
    </td></tr></tbody></table> 

的js兩個是相同的，如：

var list = //some array 
var arr =// [{variableList : list}]; 

var model={ 
mappings:ko.observableArray(arr) 
} 

ko.applyBindings......