在 Web 打印中，确保 <thead> 和 <tfoot> 的高度占比不超过一定值是为了避免在多页打印时出现布局问题，如只显示一次的情况。通常可以通过以下方法来控制：

分页控制:

使用 CSS 的 page-break-before 或 page-break-after 属性来控制页面分页。
将长的 <thead> 或 <tfoot> 分成多个部分，在每个部分结束时进行分页控制。
调整样式:

考虑使用 CSS 来调整 <thead> 和 <tfoot> 的样式，以便在多页打印时更好地适应页面布局。
通过设置固定高度或最大高度，以确保在多页打印时不会超出预期。
JavaScript 动态调整:

使用 JavaScript 监听打印事件，在打印前动态计算 <thead> 和 <tfoot> 的高度，并根据需要进行调整。
可以根据页面大小和内容长度等因素来动态计算高度，并在达到一定阈值时进行适当的调整。
测试和调试:

在不同的浏览器和打印设置下进行测试，以确保在各种情况下都能正常显示。
使用浏览器的开发者工具和打印预览功能进行调试，查看 <thead> 和 <tfoot> 在多页打印时的实际布局情况。
通过以上方法，你应该能够更好地控制 <thead> 和 <tfoot> 在多页打印时的显示效果，确保其高度占比不会超过预期值。