foreach - $data オブジェクトで foreach バインディング (knockout.js) を使用する方法

Question

何らかの理由で、foreach バインディングを $data オブジェクトで動作させることができません。コードをJSfiddleに投稿しました

私にとって奇妙なことは、

<div data-bind="template: { name: 'input-template', foreach: $root.geometries['Kubus'].invoer }"></div> 

動作し、その $data は「Kubus」です

でもあの

<div data-bind="template: { name: 'input-template', foreach: $root.geometries[$data].invoer }"></div> 

JavaScriptエラーメッセージが表示されます：

バインディングを解析できません。メッセージ: TypeError: $root.geometries[$data] は未定義です。バインディング値: template: { name: 'input-template', foreach: $root.geometries[$data].invoer }

1. なぜこれが起こるのか説明できますか？
2. エラーが表示されないようにする方法を教えてください。
3. より効率的なコードでやろうとしていることを行う方法はありますか?