如何清除/删除 Knockout.js 中的可观察绑定？

我正在将功能构建到用户可以多次执行的网页上。通过用户的操作，创建一个对象/模型并使用 ko.applyBindings() 将其应用于 HTML。

数据绑定 HTML 是通过 jQuery 模板创建的。

到目前为止，一切都很好。

当我通过创建第二个对象/模型并调用 ko.applyBindings() 重复此步骤时，我遇到两个问题：

1. 标记显示先前的对象/模型以及新的对象/模型。
2. 发生与对象/模型中的属性之一相关的 JavaScript 错误，尽管它仍然在标记中呈现。

为了解决这个问题，在第一遍之后，我调用 jQuery 的 .empty() 来删除包含所有数据绑定属性的模板化 HTML，以便它不再位于 DOM 中。当用户启动第二遍流程时，数据绑定 HTML 会重新添加到 DOM 中。

但就像我说的，当 HTML 重新添加到 DOM 并重新绑定到新的对象/模型时，它仍然包含来自第一个对象/模型的数据，并且我仍然收到不会发生的 JS 错误在第一遍期间。

结论似乎是 Knockout 保留了这些绑定属性，即使标记已从 DOM 中删除。

所以我正在寻找一种从 Knockout 中删除这些绑定属性的方法；告诉淘汰赛不再有可观察的模型。有没有办法做到这一点？

EDIT

基本流程是用户上传文件；然后，服务器使用 JSON 对象进行响应，将数据绑定的 HTML 添加到 DOM，然后使用 JSON 对象模型将 JSON 对象模型绑定到此 HTML

mn.AccountCreationModel = new AccountViewModel(jsonData.Account);
ko.applyBindings(mn.AccountCreationModel);

一旦用户对模型进行了一些选择，相同的对象就会被发送回服务器，数据绑定的 HTML 将从 DOM 中删除，然后我将得到以下 JS

mn.AccountCreationModel = null;

当用户希望再次执行此操作时，重复所有这些步骤。

恐怕代码太“复杂”，无法进行 jsFiddle 演示。

您是否尝试过在 DOM 元素上调用淘汰赛的 clean 节点方法来处理内存中绑定的对象？

var element = $('#elementId')[0]; 
ko.cleanNode(element);

然后，使用新视图模型在该元素上再次应用淘汰绑定将更新您的视图绑定。