Knockout, ViewModel inside an other object and data-binding <p>I'm doing a javascript application for a game, the goal is to make a "build calculator" for a MMORPG. I want to synchronize the view with data already stocked in my application. I searched and tested different framework, and knockout-js appeared to be the best solution for me</p> <p>Html:</p> <pre><code>&lt;script&gt; var simulatorTool = new SimulatorTool(); &lt;/script&gt; &lt;body&gt; &lt;p data-bind="text: test"&gt; &lt;/p&gt; &lt;p data-bind="text: test2"&gt; &lt;/p&gt; &lt;/body&gt; </code></pre> <p>Javascript Tool:</p> <pre><code>function SimulatorTool() { meSim = this; this.config = new Config(); this.data = new Data(); this.stuff = new Stuff(); this.traits = new Traits(); this.view = new AppViewModel(); $(function(){ ko.applyBindings(meSim.view); }); ... functions } </code></pre> <p>View Model:</p> <pre><code>function AppViewModel() { this.test = "Test!"; this.test2 = ko.computed(function() { return meSim.data.selectedData['profession'] }, this); } </code></pre> <p>The problem is that i don't know how to bind the html to the view in an other object. I don't even know if it's possible. I'd like to do something like that</p> <pre><code> &lt;p data-bind="simulatorTool.view, text: test"&gt; &lt;/p&gt; </code></pre> <p>If not, how can i access to the data inside "SimulatorTool" if the view is separated from the application ?</p>