具有多个视图模型的嵌套绑定

Question

请帮我解决这个问题。过去3周我一直坚持这个问题。     我有1个html文件，其父div id绑定到通过创建1 javascript的对象来敲除observable。在html的内部div id中，还有另一个子div id，我需要与第二个javascript对象绑定并填充foreach块。但是我无法实现这个场景。如果有人帮我解决，我会非常非常非常非常非常好的你是非常好的这种情况。

I have mentioned here some dummy example of my scenario.Please ignore minor errors of naming convention and trailing quotes as its just a dummy code.

HTML文件

（div id“main”绑定到MainModel.js。在MainModel.js的对象上，调用showCateogaries（）方法并从此方法调用getCategories1（）来填充类别的值。但实际上这是没有填充，错误即将“无法解析绑定”）

<div  id="main" data-bind="visible: showMain">
        <div  id="subMain" >
              <p data-bind="text: name"></p>
              <ul id="tabArea"  data-bind="foreach : categories">
                       <li  data-bind="text: $data.categoryname ></li>
              </ul>
                </div>      
</div>

Demo.js

var main1=new MainModel(); //Main View Model
ko.applyBindings(main1,$('#main')[0]);

main1.showCateogaries();

MainModel.js

function(ko,subMainModel){
     var  mainModel =function(){
           this.showCategories = function(){
            subMainModel.getCategories1();              
        }
     }
}

subMainModel.js

function(ko){

     this.categories = ko.observableArray([]);

      this.getCategories1 = function(){
                // some code goes here
        this.categories(categoryArray.reverse());   
      };
}